<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/my_order.css">
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="js/angular.min.js" ></script>
		<script type="text/javascript" src="js/global.js"></script>
		<script type="text/javascript" src="js/my_order.js"></script>
		<title>我的订单</title>
	</head>
	<body ng-app="myApp" ng-controller="myCtrl" ng-cloak>
	<header>
		<span class="return"><a ng-click="toReturn()"><img src="image/返回.png"></a></span>
		<span class="sign_header">我的订单</span>
	</header>
	<div class="container" >
		 <div id="my_order">
		    <dl>
		        <!--  <dt>我的订单</dt> -->
		        <dd ng-class="{'choice': active.a}" ng-click="order('all')">
		          <p ><img ng-src="{{ src.src1 }}"></p>
		          <p>全部订单</p>
		        </dd>
		        <dd ng-class="{'choice': active.b}" ng-click="order(1)">
		          <p><img ng-src="{{ src.src2 }}"></p>
		          <p>待付款</p>
		        </dd>
		        <dd ng-class="{'choice': active.c}" ng-click="order(2)">
		          <p><img ng-src="{{ src.src3 }}"></p>
		          <p>待发货</p>
		        </dd>
		        <dd ng-class="{'choice': active.d}" ng-click="order(3)">
		          <p><img ng-src="{{ src.src4 }}"></p>
		          <p>待收货</p>
		        </dd>
		    </dl>
		</div>
		<!---未付款--->
		<div class="no_pay" ng-show="show1">
			<ul>
				<li ng-repeat=" k in arr1 ">
					<div class="condition"><p>{{ k.createTime | date:'yyyy-MM-dd' }}<span>待付款</span></p></div>
					<div class="orderDetail" ng-click="seeDetail(k.code)">
			            <p class="orderNum">订单编号：<span>{{ k.code }}</span></p>
			            <div class="clear" ng-repeat=" t in k.orderGoods ">
				            <div class='img'><img ng-src="{{ t.defaultImage }}"></div>
				            <div class='right'>
				            	<p>{{ t.title }}</p>
				           		<p><span>￥{{ t.price | getPrice }}</span><span>数量<b>{{ t.num }}</b></span></p>
				            </div>
			            </div>
			        </div>
			        <div class="orderBtn">
			        	<p>
					                        小计：<b>￥{{ k.payment | getPrice }}</b>
					        <span class='w' ng-click="toPay(k.code)">付款</span>
					        <span class='w' ng-click="remove(k.code)">取消订单</span>
					    </p>
			        </div>
				</li>
			</ul>
		</div>
		<!---待发货--->
		<div class="no_pay" ng-show="show2">
			<ul>
				<li ng-repeat=" k in arr2 ">
					<div class="condition"><p>{{ k.createTime | date:'yyyy-MM-dd' }}<span>待发货</span></p></div>
					<div class="orderDetail" ng-click="seeDetail(k.code)">
			            <p class="orderNum">订单编号：<span>{{ k.code }}</span></p>
			            <div class="clear" ng-repeat=" t in k.orderGoods ">
				            <div class='img'><img ng-src="{{ t.defaultImage }}"></div>
				            <div class='right'>
				            	<p>{{ t.title }}</p>
				           		<p><span>￥{{ t.price | getPrice  }}</span><span>数量<b>{{ t.num }}</b></span></p>
				            </div>
			            </div>
			        </div>
			        <div class="orderBtn">
			        	<p>
					                        小计：<b>￥{{ k.payment | getPrice }}</b>
					    </p>
			        </div>
				</li>
			</ul>
		</div>
		<!---已发货--->
		<div class="no_pay" ng-show="show3">
			<ul>
				<li ng-repeat=" k in arr3 ">
					<div class="condition"><p>{{ k.createTime | date:'yyyy-MM-dd' }}<span>已发货</span></p></div>
					<div class="orderDetail" ng-click="seeDetail(k.code)">
			            <p class="orderNum">订单编号：<span>{{ k.code }}</span></p>
			            <div class="clear" ng-repeat=" t in k.orderGoods ">
				            <div class='img'><img ng-src="{{ t.defaultImage }}"></div>
				            <div class='right'>
				            	<p>{{ t.title }}</p>
				           		<p><span>￥{{ t.price | getPrice  }}</span><span>数量<b>{{ t.num }}</b></span></p>
				            </div>
			            </div>
			        </div>
			        <div class="orderBtn">
			        	<p>
					                        小计：<b>￥{{ k.payment | getPrice }}</b>
					        <span class='w' ng-click="checkLogistics(k.code)">查看物流</span>
					    </p>
			        </div>
				</li>
			</ul>
		</div>
		<!---交易完成--->
		<div class="no_pay" ng-show="show4">
			<ul>
				<li ng-repeat=" k in arr4 ">
					<div class="condition"><p>{{ k.createTime | date:'yyyy-MM-dd' }}<span>交易完成</span></p></div>
					<div class="orderDetail" ng-click="seeDetail(k.code)">
			            <p class="orderNum">订单编号：<span>{{ k.code }}</span></p>
			            <div class="clear" ng-repeat=" t in k.orderGoods ">
				            <div class='img'><img ng-src="{{ t.defaultImage }}"></div>
				            <div class='right'>
				            	<p>{{ t.title }}</p>
				           		<p><span>￥{{ t.price | getPrice  }}</span><span>数量<b>{{ t.num }}</b></span></p>
				            </div>
			            </div>
			        </div>
			        <div class="orderBtn">
			        	<p>
					                        小计：<b>￥{{ k.payment | getPrice }}</b>
					        <span class='w'>查看物流</span>
					    </p>
			        </div>
				</li>
			</ul>
		</div>
		<!--交易关闭-->
		<div class="no_pay" ng-show="show5">
			<ul>
				<li ng-repeat=" k in arr5 ">
					<div class="condition"><p>{{ k.createTime | date:'yyyy-MM-dd' }}<span>交易关闭</span></p></div>
					<div class="orderDetail" ng-click="seeDetail(k.code)">
			            <p class="orderNum">订单编号：<span>{{ k.code }}</span></p>
			            <div class="clear" ng-repeat=" t in k.orderGoods ">
				            <div class='img'><img ng-src="{{ t.defaultImage }}"></div>
				            <div class='right'>
				            	<p>{{ t.title }}</p>
				           		<p><span>￥{{ t.price | getPrice  }}</span><span>数量<b>{{ t.num }}</b></span></p>
				            </div>
			            </div>
			        </div>
			        <div class="orderBtn">
			        	<p>
					                       小计：<b>￥{{ k.payment | getPrice }}</b>
					    </p>
			        </div>
				</li>
			</ul>
		</div>
   </div>
	</body>
</html>